/*
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
*/
/*General styles - NOT really related to the forms*/
*{
margin:0;
padding:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
background:#fff;
}
img{border:0;}
#container{padding:20px;}
input, textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
}
label{
color:#999;
cursor:pointer;
padding-left:2px;
line-height:16px;
}
label.chosen{color:#333;}
.outtaHere{
position:absolute;
left:-3000px;
}
.textinput, .textinputHovered{
height:15px;
background:url(images/input_bg.gif) repeat-x left top;
border:none;
padding:4px 0;
vertical-align:middle;
}
.textinputHovered{background-position:left bottom;}
.inputCorner{
padding-bottom:0;
vertical-align:middle;
}
.txtarea .tr, .txtarea .tr_xon{background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon{background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner{
width:5px;
height:5px;
display:block;
}
.txtarea .br, .txtarea .br_xon{background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon{background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr{background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon{background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon{
width:5px;
background:url(images/txtarea_l.gif) repeat-y left top;
float:left;
}
.txtarea .cntr_l_xon{background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea{
border:0;
background:none;
padding:0;
margin:5px;
}
.selectArea{
width:200px;
height:21px;
background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left{
width:8px;
height:21px;
float:left;
background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right{
width:21px;
height:21px;
float:right;
background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a{
display:block;
width:200px;
height:21px;
margin-left:-179px;
position:absolute;
}
.selectArea .right i{display:none;}
.selectArea .center{
width:160px;
color:#FFF;
padding-top:3px;
overflow:hidden;
white-space:nowrap;
}
.optionsDivInvisible, .optionsDivVisible{
position:absolute;
margin-top:-1px;
margin-left:3px;
width:172px;
background:#6f7074;
padding:2px;
font-size:11px;
z-index:20;
}
.optionsDivInvisible{display:none;}
.optionsDivVisible{display:block;}
.optionsDivVisible p{
margin:0;
padding:0;
}
.optionsDivVisible a{
color:#F2F2F2;
text-decoration:none;
display:block;
padding:1px 4px;
border:1px solid #6f7074;
}
.optionsDivVisible a:hover{
color:#FFF;
background:#5F6062;
border-color:#cfd0d6;
}
.buttonSubmit, .buttonSubmitHovered{
width:auto;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px;
background:url(images/button_bg.gif) repeat-x left top;
cursor:pointer;
border:none;
}
.buttonSubmitHovered{background-position:left bottom;}
.buttonImg{vertical-align:bottom;}